<template>
  <div>
    {{ route.query.id }}--{{ route.query.name }}--{{ route.query.hobby }}
      
  </div>
</template>

<script setup lang='ts'>
import { ref, reactive } from 'vue'
import {useRoute} from 'vue-router'

const route = useRoute()
// let name1 = ref(route.params.name)
// console.log(name1.value);


</script>


<style lang='scss' scoped>

</style>